<template>
	<view class="finish-wrapper">
		<view class="smile-image">
			<image src="../../static/ic_smile.png" ></image>
		</view>
		<view class="hint">
			您已完成下单，感谢您对我们的信任，我们工作人员将尽快响应您的订单。
		</view>
		<view class="content-border">
			<view class="left">
				<!-- <image src="../../static/word.png"></image> -->
				<!-- <view class="title">益护健康</view>
				<text>请长按二维码关注</text> -->
			</view>
			<image src="../../static/ic_scan.gif"></image>
		</view>
		<view class="bottom">
				<view class="log-label">益护健康智慧陪护平台</view>
		</view>
	
	</view>
</template>

<script>
	export default {
		onLoad() {
			
		}
	}
</script>

<style>
	.finish-wrapper {
		display: flex;
		flex-direction: column;
		width: 100%;
		min-height: 100vh;
		background-color: #FFFFFF;
	}
	.smile-image{
		margin-top: 20%;
		margin-bottom: 20%;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.smile-image image{
		width: 160upx;
		height: 204upx;
	}
	.hint{
		color: #333333;
		font-size: 28upx;
		margin:  0 12%;
		text-align: center;
	}
	.content-border{
		border: #ababab solid 1upx;
		height: 280upx;
		margin: 10%;
		display: flex;
		flex-direction: row;
		padding: 20upx 40upx;
		align-items: center;
	}
	.content-border .left{
		display: flex;
		flex-direction: column;
		color: #333333;
		font-size: 20upx;
		flex: 1;
	}
	.content-border .left image{
		height: 35upx;
		width: 215upx;
		margin-bottom: 20upx;
	}
	.content-border .left .title{
		margin-bottom: 20upx;
		font-size: 26px;
		color: #bd5d87;
	}
	
	.content-border image{
		height: 240upx;
	}
	.bottom{
		position: absolute;
		bottom: 40upx;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}
	.bottom .log-label{
		color: #747474;
		font-size: 28upx;
		letter-spacing: 10upx;
		text-align: center;
	
	}
</style>
